<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>积分商城</title>
    <link rel="stylesheet" type="text/css" href="../../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../css/common.css">
    <link rel="stylesheet" type="text/css" href="../../css/swiper.css">
    <link rel="stylesheet" type="text/css" href="../../css/product.css">
    <script src="../../js/jquery.js"></script>
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
    <script src="../../js/common.js"></script>
</head>

<body>
    <!--prompt-box begin-->
    <section class="prompt-box" style="display:none;">
        <div class="prompt-detail">
            <!--prompt-text begin-->
            <div class="prompt-text">您的积分不够哦~~~</div>
            <!--prompt-text end-->

            <!--prompt-btn begin-->
            <div class="prompt-btn">
                <a class="btn full-btn" data="close-prompt">我知道了</a>
            </div>
            <!--prompt-btn end-->
        </div>
    </section>
    <!--prompt-box end-->

    <!--header begin-->
    <header class="header-bar"><a class="header-left" href="javascript:void(0);" onclick="window.history.go(-1)"><i class="tool-font font-arrow-left"></i></a>
        <span
            class="title">商品详情</span>
    </header>
    <!--header end-->
    <div class="mb45"></div>

    <!--pg-pro-list begin-->
    <section class="pg-pro-detail">
        <!--scroll-img begin-->
        <div class="scroll-img">
            <div class="pro-swiper swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="../../images/del/01.jpg" width="100%" /></div>
                    <div class="swiper-slide"><img src="../../images/del/02.jpg" width="100%" /></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>

            <!-- Swiper JS -->
            <script src="../../js/swiper.js"></script>

            <script>
                var swiper = new Swiper('.pro-swiper', {
                    pagination: '.swiper-pagination',
                    paginationClickable: true,
                    loop:true,
                    autoplay:2500
                });
            </script>
        </div>
        <!--scroll-img end-->

        <!--pro-sell begin-->
        <div class="pro-sell">
            <h6 class="pro-name">北京故事精品围巾（女士经典款）</h6>
            <div class="sell-integral">所需积分：<em class="sell-num color-orange">30</em><span class="own-integral">（我的积分：<em class="own-num">1800</em>）</span></div>
        </div>
        <!--pro-sell end-->

        <!--detail-msg begin-->
        <div class="detail-msg">让我们回归围巾最原始的用法，简单往脖子上一挂，再病入膏肓的手残党也能美美哒。想要解锁这个基础模式，你需要先找出衣柜里那件毫无特色的基础款，再随意挑选你喜欢的围巾图案就能完成了，简直快捷方便到令人发指啊~</div>
        <!--detail-msg end-->

        <div class="h50"></div>
        <!--fix-bottom begin-->
        <div class="fix-bottom">
            <!--exchange-btn begin-->
            <a class="exchange-btn disabled" href="javascript:void(0);">立即兑换</a><!--按钮禁止，添加disabled-->
            <!--exchange-btn begin-->
        </div>
        <!--fix-bottom end-->
    </section>
    <!--pg-pro-list end-->
</body>

</html>